@font-face {
  font-family: 'FFFTusjBold';
  src: url('../font/FFF_Tusj-webfont.eot?') format('eot'),
       url('../font/FFF_Tusj-webfont.woff') format('woff'),
       url('../font/FFF_Tusj-webfont.ttf') format('truetype'),
       url('../font/FFF_Tusj-webfont.svg#webfontjSpbZQRv') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lobster13Regular';
  src: url('../font/Lobster_1.3-webfont.eot?') format('eot'),
       url('../font/Lobster_1.3-webfont.woff') format('woff'),
       url('../font/Lobster_1.3-webfont.ttf') format('truetype'),
       url('../font/Lobster_1.3-webfont.svg#webfont1MhCsZSr') format('svg');
  font-weight: normal;
  font-style: normal;
}

/**
 * Adobe Kuler color set
 * @kuler-theme Vera
 */
.background-opacity-a {
  background-color: rgba(183, 185, 196, 0.9);
}
.background-opacity-b {
  background-color: rgba(242, 228, 191, 0.7);
}
.background-opacity-c {
  background-color: rgba(166, 126, 78, 0.7);
}
.background-opacity-d {
  background-color: rgba(114, 85, 54, 0.7);
}
.background-opacity-e {
  background-color: rgba(248, 250, 238, 0.7);
}
.background-a {
  background-color: rgb(171, 173, 183);
}
.background-b {
  background-color: rgb(242, 228, 191);
}
.background-c {
  background-color: rgb(166, 126, 78);
}
.background-d {
  background-color: rgb(114, 85, 54);
}
.background-e {
  background-color: rgb(248, 250, 238);
}
.font-color {
  color: #1C1C1C;
}
.font-color-a {
  color: #ABADB7;
}
.font-color-b {
  color: #F2E4BF;
}
.font-color-c {
  color: #A67E4E;
}
.font-color-d {
  color: #725536;
}
.font-color-e {
  color: #F8FAEE;
}

body {
  background-image: url(../img/background.jpg);
}

.content-block {
  position: absolute;
  padding: 30px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.content-block#main {
  width: 362px;
  top: 30px;
  left: 40px;
}

.content-block#player {
  width: 160px;
  top: 30px;
  right: 40px;
}

.content-block h1 {
  font: 60px/68px 'Lobster13Regular', Arial, sans-serif;
  letter-spacing: 0;
  position: relative;
  border-bottom: 1px solid black;
}

.content-block h1 span {
  background: transparent -webkit-gradient(linear, left top, left bottom, from(rgba(183, 185, 196, 0.1)), to(rgba(183, 185, 196, 0.3))) center 34px;
  opacity: 0.6;
  position: absolute;
  display: block;
  width: 100%;
  height: 68px;
}

.content-block h1#main-header {
  margin: 10px 0px 10px 0px;
  text-shadow: 2px 2px 2px #686868;
  filter: dropshadow(color=#A8A8A8, offx=2, offy=2);
}

.content-block p {
  font-family: Arial, Helvetica, sans-serif;
}
